
/* ================================================================================================ */

.userform { background:#f5f5f5; }

/* ================================================================================================ */

#Declare { background:#fff; }
#Declare > div { padding-top:40px; }
#Declare > div p { font:14px/1.4em "微软雅黑"; color:#555; margin:0.8em 0; }

/* ================================================================================================ */

.fm { display:block; padding:15px; border:0px solid #f00; }

.fm .group{ border:1px solid #e7e7e7; margin-bottom:10px; border-radius:5px; box-shadow:inset 0 0 1px rgba(0,0,0,0.5); overflow:hidden;}
.fm .bindgroup{ position:relative; min-height:45px; background:#fff; border-bottom:1px solid #eee; }
.fm .bindgroup:last-child{ border:none;}

.fm .phonegroup{ position:relative; min-height:45px; margin-bottom:10px; border-radius:5px; border:none; }
.fm .phonegroup .bindgroup:nth-child(1) { position:absolute; left:0; right:110px; background:#fff; border:1px solid #e5e5e5; border-radius:5px; }
.fm .phonegroup .bindgroup:nth-child(2) { position:absolute; right:0; top:0; min-height:45px; width:100px; background:#fff; border:1px solid #e5e5e5; border-radius:5px; }
.fm .phonegroup .bindgroup:nth-child(2) .get_yzm { display:block; font:15px/45px "微软雅黑"; color:#777; text-align:center; }
.fm .phonegroup .bindgroup:nth-child(2) .get_yzm.disable { background:rgba(0,0,0,0.05) !important; }

.fm .bindgroup input   { box-sizing:border-box; display:block; width:100%; height:45px; padding:12px 40px; font:15px/20px "微软雅黑"; color:#888; border:none; outline:none;}

.fm .bindgroup.loginname input { background:url(../icons/intro_user.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.loginpswd input { background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.regname input   { background:url(../icons/intro_user.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.regpwd1 input   { background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.regpwd2 input   { background:url(../icons/intro_lock.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.email input     { background:url(../icons/intro_email.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.phone input     { background:url(../icons/intro_phone.png) no-repeat 10px 13px; background-size:18px 18px;}
.fm .bindgroup.yzm   input     { background:url(../icons/intro_yzm.png) no-repeat 10px 13px; background-size:18px 18px;}

.fm .bindgroup .tips { position:absolute; z-index:0; right:0; top:0; display:block; width:45px; height:45px; transition:all 0.2s ease-in-out 0s; background-position:100px center; border:0px solid #F03;}
.fm .bindgroup .tips.failed  { z-index:30; background:url(../icons/icon-error.png) no-repeat center;   background-size:20px 20px; cursor:pointer;}
.fm .bindgroup .tips.success { z-index:30; background:url(../icons/icon-success.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.warning { z-index:30; background:url(../icons/icon-warning.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-dx{ z-index:30; background:url(../icons/icon-phone-dx.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-yd{ z-index:30; background:url(../icons/icon-phone-yd.png) no-repeat center; background-size:20px 20px;}
.fm .bindgroup .tips.phone-lt{ z-index:30; background:url(../icons/icon-phone-lt.png) no-repeat center; background-size:20px 20px;}

.fm .btn.sub { border-radius:5px; margin-top:20px; }

.fm .permit { font:12px/1.4em "微软雅黑"; color:#999; text-align:center; margin-top:10px; }
.fm .permit a { color:#f33; }

/* ================================================================================================ */